import axios from 'axios'
//引入路由文件
import router from '@/router'
//引入环境地址配置
import envConfig from './env'
//引入Message消息提示组件
import { Message } from 'element-ui'
//创建axios实例
const service = axios.create({
  //基地址
  baseURL: envConfig.prod.baseURL,
  //超时时间
  timeout: 5000
})
//创建请求拦截器--调接口发请求时会自动拦截
service.interceptors.request.use(
  (config) => {
    console.log('config:', config)
    //配置加载进度条
    //哪些页面需要配置token？？？只要不是登录就需要token
    if (config.url !== '/login') {
      const token = sessionStorage.getItem('token')
      token && (config.headers.Authorization = token)
    }

    return config
  },
  (error) => {
    return Promise.reject(error)
  }
)
//创建响应拦截器
//响应拦截器统一对后端返回的状态做统一处理
service.interceptors.response.use(
  (res) => {
    console.log('响应拦截器返回：', res)
    const {
      meta: { msg, status: statusCode }
    } = res.data
    //配置成功白名单
    const successArr = [200, 201, 204]

    //如果res返回的状态码在successArr中，就代表成功
    if (successArr.includes(statusCode)) {
      //成功提示
      Message({
        message: msg,
        type: 'success'
      })

      //如果访问的是登录接口，登录成功后将返回的token持久化
      if (res.config.url === '/login') {
        //sessionStorage
        sessionStorage.setItem('token', res.data.data.token)
      }

      //返回成功的数据
      return res.data.data
    }

    //如果token过期或被篡改，都回到login页面
    if (msg === '无效token') {
      sessionStorage.removeItem('token')
      router.push('/login')
    }

    //失败提示
    Message({
      message: msg,
      type: 'error'
    })

    //对报错进行处理
    return Promise.reject(msg)
  },
  (error) => {
    return Promise.reject(error)
  }
)

export default service
